<!DOCTYPE html>
<html lang="en">

<head>
    
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title -->
    <title> Letrol</title>

    <!-- Favicon -->
    <link href="images/favicon/favicon.png" rel="shortcut icon" type="image/png">
    <link href="images/favicon/apple-touch-icon.png" rel="apple-touch-icon">
    <link href="images/favicon/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
    <link href="images/favicon/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
    <link href="images/favicon/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

    <!-- All css file -->

    <!-- fonts css -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/icofont.css" rel="stylesheet">
    <link href="css/flaticon.css" rel="stylesheet">

    <!-- Bootstrap Css v3.3.7 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Slick css -->
    <link href="css/slick.css" rel="stylesheet">
    <!-- Slick-theme css -->
    <link href="css/slick-theme.css" rel="stylesheet">
    <!-- Animate css -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Owl Theme Css -->
    <link href="css/owl.theme.css" rel="stylesheet">
    <!-- Owl Carousel Css -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <!-- Slicknav Css -->
    <link href="css/slicknav.css" rel="stylesheet">
    <!-- Hover css -->
    <link href="css/Hover.css" rel="stylesheet">
    <!-- Magnific Popup Css -->
    <link href="css/magnific-popup.css" rel="stylesheet">
    <!-- nice-select-plugin.css -->
    <link rel="stylesheet" href="css/nice-select-plugin.css">

    <!-- Style css-->
    <link href="css/style.css" rel="stylesheet">
    <!-- Responsive css -->
    <link rel="stylesheet" href="css/responsive.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Page-wrapper Start-->
    <div class="page-wrapper">

        <!-- preloader Start -->
        <div class="preloader">
            <div class="inner">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>

        <!-- Header start -->
        <header>

            <!-- Header Top start -->
            <div class="header-top">
                <div class="container">
                    <div class="header-top-inner">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="ht-opening">
                                    <h5><strong>opening hours:</strong> 9.30pm 12.30am</h5>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="ht-social">
                                    <ul>
                                        <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                                        <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                                        <li><a href="#"><i class="icofont icofont-social-dribbble"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Top end -->

            <!-- Header Bottom Start -->
            <div class="header-bottom">
                <div class="container">
                    <div class="row clearfix">
                        <div class="logo"><a href="index.html" title="Html Template"><img src="images/logo.png" alt="logo"></a></div>
                        <div class="main-menu">
                            <nav id="menu">
                                <ul>
                                    <li class="active"><a href="javascript:void(0);">Home<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li class="active"><a href="index.html">Home One</a></li>
                                            <li><a href="index-2.html">Home Two</a></li>
                                            <li><a href="index-3.html">Home Three</a></li>
                                        </ul>
                                    </li>
                                        <li><a href="javascript:void(0);">About us <i class="icofont icofont-simple-down"></i></a>
                                            <ul class="submenu third-level-submenu">
                                                <li><a href="about-us.html">About us One</a></li>
                                            </ul>
                                        </li>
                                    <li>
                                        <a href="javascript:void(0);">Service<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu third-level-submenu">
                                            <li><a href="service.html">Service One</a></li>
                                            <li><a href="service2.html">Service Two</a></li>
                                            <li><a href="service-details.html">Service Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0);">Doctor<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li><a href="team.html">Doctor One</a></li>
                                            <li><a href="team-details.html">Doctor Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0);">Pages<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li><a href="javascript:void(0);">Gallery</a>
                                                <ul class="submenu third-level-submenu">
                                                    <li><a href="gallery-masonry.html">Gallery Masonary</a></li>
                                                    <li><a href="gallery-Foure-column.html">Our Gallery</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="appoinment.html">Appoinment</a></li>
                                            <li><a href="testimonials.html">Testimonial</a></li>
                                            <li><a href="faq.html">Faq</a></li>
                                            <li><a href="404.html">404</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="javascript:void(0);">Blog<i class="icofont icofont-simple-down"></i></a>
                                        <ul class="submenu">
                                            <li><a href="blog.html">blog</a></li>
                                            <li><a href="blog-withsidebar.html">blog with sidebar</a></li>
                                            <li><a href="blog-details.html">blog details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact us</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Header Bottom End -->

        </header>
        <!-- Header end -->

        <!-- banner area start -->
        <section class="banner-area parallax bg-img bg-img2" data-bg-image="images/bg/bg-2.jpg" data-speed="5">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="banner-content">
                            <h2><i class="icofont icofont-caret-left"></i> Our Doctors<i class="icofont icofont-caret-right"></i></h2>
                            <h4>Meet our Letrol staff</h4>
                        </div>
                        <div class="crumbs">
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><a href="doctors.html">Our Doctors</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- banner area end -->

        <!-- Team start -->
        <section class="my-team-field">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/1.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/2.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/3.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/4.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/1.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/2.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/3.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="my-team-col">
                            <div class="my-team-box">
                                <img class="img-responsive" src="images/team/4.jpg" alt="">
                                <div class="my-layer">
                                    <ul class="my-team-social">
                                        <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="my-team-content">
                                <h4>Mike morn</h4>
                                <p>- Doctor -</p>
                            </div>
                        </div>  
                    </div>
                </div>
            </div>
        </section>
        <!-- Team end -->
        <footer>
            <div class="footer-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-sm-6 mb-20-1199">
                            <div class="footer-inner">
                                <div class="flogo">
                                    <a href="index.html"><img src="images/logo-2.png" alt="logo"></a>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                                <div class="footer-tags">
                                <h2>Tags</h2>
                                <a href="#">webdesign</a>
                                <a href="#">creative</a>
                                <a href="#">development</a>
                                <a href="#">html</a>
                                <a href="#">php</a>
                                <span class="dis-non-1199"><a href="#">webdesign</a></span>
                                <span class="dis-non-1199"><a href="#">creative</a></span>
                            </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-6 mb-20-1199">
                            <div class="f-location">
                                <h2><span>our</span> services</h2>
                                <ul class="f-location-links">
                                    <li><a href="#">Choosing a doctor</a></li>
                                    <li><a href="#">Primary medical care</a></li>
                                    <li><a href="#">Discuss your doctor</a></li>
                                    <li><a href="#">Client User Account</a></li>
                                    <li><a href="#">Our Support Forum</a></li>
                                    <li><a href="#">Our Help Center</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2 col-sm-6 mb-20-1199">
                            <div class="f-location">
                                <h2><span>Latest</span> News</h2>
                                <ul class="f-location-links">
                                    <li><a href="#">Choosing a doctor</a></li>
                                    <li><a href="#">Primary medical care</a></li>
                                    <li><a href="#">Discuss your doctor</a></li>
                                    <li><a href="#">Client User Account</a></li>
                                    <li><a href="#">Our Support Forum</a></li>
                                    <li><a href="#">Our Help Center</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 mb-20-1199">
                            <h2 class="mb-50"><span>Book</span> Appointment</h2>
                            <div class="appoinment-form appoinment-form-f">
                                <form action="#">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <input type="text" name="name" placeholder="Full Name">
                                        </div>
                                        <div class="col-md-6">
                                            <input type="text" name="date" placeholder="mm/dd/yyyy">
                                        </div>
                                        <div class="col-md-12">
                                            <input type="email" name="email" required placeholder="Enter your Email">
                                        </div>
                                    </div>
                                    <input type="submit" name="submit" value="Book an Appointment">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">
                    <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </div>
            </div>
        </footer>

    </div>
    <!-- Page-wrapper End -->



    <!-- All JavaScript files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/isotope-masonary.js"></script>
    <script src="js/jquery.slicknav.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/waypoints.js"></script>
    <script src="js/modernizr.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/nice-select-plugin.js"></script>

    <script src="js/parallax.min.js"></script>
    
    <script src="js/jquery-plugin-collection.js"></script>
    <script src="js/owl.js"></script>

    <!-- Custom js -->
    <script src="js/script.js"></script>

</body>
</html>
